<template>
  <view>
    <u-navbar :is-back="true" title="详情"></u-navbar>
    <view style="margin-top: 5%">

      <u-card>
        <view slot="body">
          <view style="font-weight: bold;font-size: 35rpx;color: black">{{ ob.title }}</view>
          <view style="width: 100%;display: flex;justify-content: flex-start">
            <view class="u-type-info" style="font-size: 30rpx;margin-top: 3%">{{ ob.author }}</view>
            <view class="u-type-info" style="font-size: 30rpx;margin-top: 3%;margin-left: 5%">{{ ob.createTime }}</view>
          </view>
          <view style="margin-top: 3%"></view>
          <u-parse :html="ob.content"></u-parse>
        </view>
      </u-card>
    </view>
  </view>
</template>
<script>


import {allSwipers} from "@/api/card/swiper";
import UNavbar from "@/uview-ui/components/u-navbar/u-navbar.vue";
import {getArticle, listArticle} from "@/api/card/article";

export default {
  components: {UNavbar},
  data() {
    return {
      ob: {},
      type: null,
      id: null,
    }
  },
  onLoad(options) {
    this.type = options.type
    this.id = options.id
    getArticle(this.id).then(re => {
      this.ob = re.data
    })
  },
  methods: {},
  onShow() {

  },

};
</script>

<style lang="scss" scoped>
.head {
  position: relative;
  height: 500rpx;
  background-image: url('https://njjtj.itssky.com:7991/profile/upload/2024/05/03/background_20240503173112A021.png');
  background-size: cover
}
</style>
